<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<div data-type="layout" data-define="fit:true,border:true">
	<div data-define="region:'north',border:false" style="height: 118px; padding: 0px" title="查询条件">
		<table class="stable" cellpadding="1" cellspacing="1">
			<tr>
				<td width="15%" class="stdlabel">小图标式录入框</td>
				<td width="15%" class="stdinput">
					<input data-type="inputiconbox" name="testName2" data-define="iconClick:searcherTest,required:true"></input>
				</td>
				<td width="15%" class="stdlabel">文本录入框</td>
				<td width="15%" class="stdinput">
					<input data-type="inputbox" type="text" name="name" data-define="required:true,validType:'email'"></input>
				</td>
				<td width="15%" class="stdlabel">数字录入框</td>
				<td width="15%" class="stdinput">
					<input data-type="numberbox" type="text" name="email" data-define="required:true,tipPosition:'left'"></input>
				</td>
			</tr>
			<tr>
				<td class="stdlabel">下拉列表</td>
				<td class="stdinput">
					<select name="danxuan" data-type="combogrid"
						data-define="required:true,
								panelWidth: 500,
								idField: 'itemid',
								textField: 'productname',
								method:'post',url: '${rc.contextPath}/demo/getDataGrid.do',
								columns: [[
									{field:'itemid',title:'ID',width:80},
									{field:'productname',title:'产品名称',width:190},
									{field:'listprice',title:'成本',width:80,align:'right'},
									{field:'unitcost',title:'单价',width:80,align:'right'},
									{field:'attr1',title:'属性',width:200},
									{field:'status',title:'状态',width:60,align:'center'}
								]],
								fitColumns: true
							">
					</select>
				</td>
				<td class="stdlabel">下拉框</td>
				<td class="stdinput">
					<input data-type="combobox" name="zhengshu"
						data-define="
							required:true,
							method:'post',url: '${rc.contextPath}/demo/getCombo.do',
							valueField: 'id',
							textField: 'text',
							panelHeight: 'auto',
							multiple:false,
							formatter: formatItem
							">
					</input>
				</td>
				<td class="stdlabel">日期</td>
				<td class="stdinput">
					<input data-type="datebox" name="zhengshu" data-define="panelWidth: 200,required:true,tipPosition:'left'">
					</input>
				</td>
			</tr>
			<tr>
				<td colspan="4"></td>
				<td colspan="2">
					<div style="margin: 0px 0; padding-top: 5px;" align="right">
						<a href="javascript:void(0)" data-type="linkbutton" data-define="iconCls:'icon-search'">查询</a>
						<a href="javascript:void(0)" data-type="linkbutton" data-define="iconCls:'icon-reload'">清空</a>
					</div>
				</td>
			</tr>
		</table>
	</div>
	<div data-define="region:'center',border:false" title="">
		<table id="dg" data-type="grid" title="XXX信息列表" style="height: 340px"
			data-define="
				method:'post',url: '${rc.contextPath}/demo/getDataGrid.do',
				rownumbers:true,
				pagination:true,
				pageSize:10,
				fitColumns:true,
				fit:true">
			<thead>
				<tr>
					<th data-define="field:'itemid',width:80">ID</th>
					<th data-define="field:'productid',width:200">产品名称</th>
					<th data-define="field:'listprice',width:80,align:'right'">成本</th>
					<th data-define="field:'unitcost',width:80,align:'right'">单价</th>
					<th data-define="field:'attr1',width:100">属性</th>
					<th data-define="field:'status',width:60,align:'center'">状态</th>
				</tr>
			</thead>
		</table>
	</div>
</div>
<script type="text/javascript">
    function formatItem(row) {
        var s = '<span style="font-weight:bold">' + row.text + '</span><br/>' + '<span>' + row.desc + '</span>';
        return s;
    }
    function searcherTest(obj) {
        alert("输入值:" + obj);
    }
</script>
</html>
